<%--
  Created by IntelliJ IDEA.
  User: l
  Date: 2022/5/25
  Time: 16:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8"/>
    <title>forget</title>
    <link rel="stylesheet" type="text/css" href="css/public.css"/>
    <link rel="stylesheet" type="text/css" href="css/proList.css"/>
    <link rel="stylesheet" type="text/css" href="css/forget.css"/>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/function2.js"></script>
    <style>
        .reg p .error{
            display:  inline-block;
            color: red;
            font-size: 15px;
            margin-left: 10px;
        }
    </style>
</head>
<body><!----------------------------------------order------------------>
<div class="order cart"><!-----------------logo------------------->
    <div class="logo"><h1 class="wrapper clearfix"><a href="index.html"><img class="fl" src="img/temp/logo.png"></a>
    </h1></div>
    <div class="forCon"><p>安全设置-找回密码</p>
        <ul>
            <li class="on"><span>01/</span>输入登录名</li>
            <li><span>02/</span>验证信息</li>
            <li><span>03/</span>重置密码</li>
        </ul>
        <div class="formCon"><!--步骤1-->
            <form action="forgetcheck" method="post" onsubmit="return checkForm(this)" class="one">
                <input type="text" value="${u.user_email}" name="date" onblur="CheckItem(this)" onfocus="FocusItem(this)" placeholder="昵称/邮箱"><label style="color: red"></label><br/>
                <input type="text" value="" name="verycode" onblur="CheckItem(this)" onfocus="FocusItem(this)" placeholder="验证码"><label style="color: red"></label><br/>
                <img style="position: relative;height: 40px;top: 14px" src="${pageContext.request.contextPath}/getCode" alt="看不清，换一张" onclick="change(this)"><br>
                <input type="submit" value="下一步">
            </form>
            <!--步骤2-->
            <form action="#" method="post" class="two"><p>电子邮箱：<span>${u.user_email}</span></p>
                <p class="tip">验证邮件已发往你的电子邮箱，请点击邮件中的链接完成验证</p>
                <input type="botton" value="去邮箱验证" class="next1" style="background-color: red; text-align: center; color: #fff;">
            </form>
            <!--步骤3-->
            <form action="remimaupdate" method="post" onsubmit="return checkForm1(this)" class="three">
                <input type="hidden" name="name" value="${u.user_id}" >
                <P><label>新密码：</label><input type="password" name="newmima" onfocus="FocusItem1(this)" onblur="CheckItem1(this)"  value=""><label style="color: red;margin-left:100px;width:80px;"></label></P>
                <p><label>确认密码：</label><input type="password" name="again" onfocus="FocusItem1(this)" onblur="CheckItem1(this)" value=""><label style="color: red;margin-left:100px;width:80px;"></label></P>
                <input type="submit" value="完成">
            </form>
        </div>
    </div>
</div>
<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/pro.js" type="text/javascript" charset="utf-8"></script>
<script>
    function change(img) {
        img.src="${pageContext.request.contextPath}/getCode?"+new Date().getTime();
    }
</script>
<script>
    $(".next1").click(function () {
        $(".two").hide();
        $(".three").show();
        $(".forCon ul li").eq(2).addClass("on").siblings("li").removeClass("on")
    })
        var num1 = ${num};
        if(num1 == '2') {
            $(".two").show();
            $(".one").hide();
            $(".forCon ul li").eq(1).addClass("on").siblings("li").removeClass("on")
        }
</script>
</body>
</html>